<footer class="bg-dark text-white pt-16 pb-8">
  <div class="container mx-auto px-4 sm:px-6 lg:px-8">
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
      <!-- 项目介绍 -->
      <div>
        <div class="flex items-center space-x-2 mb-6">
          <div class="w-10 h-10 rounded-lg bg-white flex items-center justify-center">
            <i class="fa fa-snowflake-o text-primary text-xl"></i>
          </div>
          <span class="text-xl font-bold">Snow</span>
        </div>
        <p class="text-white/60 mb-6">简洁而强大的开源工具，旨在简化开发流程，提高工作效率。</p>
        <div class="flex space-x-4">
          <a href="#" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-custom">
            <i class="fa fa-git"></i>
          </a>
          <a href="#" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-custom">
            <i class="fa fa-twitter"></i>
          </a>
          <a href="#" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-custom">
            <i class="fa fa-weixin"></i>
          </a>
          <a href="#" class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-custom">
            <i class="fa fa-envelope"></i>
          </a>
        </div>
      </div>
      
      <!-- 快速链接 -->
      <div>
        <h3 class="text-lg font-semibold mb-6">快速链接</h3>
        <ul class="space-y-3">
          <li><a href="#features" class="text-white/60 hover:text-white transition-custom">特性</a></li>
          <li><a href="#docs" class="text-white/60 hover:text-white transition-custom">文档</a></li>
          <li><a href="#download" class="text-white/60 hover:text-white transition-custom">下载</a></li>
          <li><a href="#community" class="text-white/60 hover:text-white transition-custom">社区</a></li>
          <li><a href="#contribute" class="text-white/60 hover:text-white transition-custom">贡献</a></li>
        </ul>
      </div>
      
      <!-- 资源 -->
      <div>
        <h3 class="text-lg font-semibold mb-6">资源</h3>
        <ul class="space-y-3">
          <li><a href="#" class="text-white/60 hover:text-white transition-custom">教程</a></li>
          <li><a href="#" class="text-white/60 hover:text-white transition-custom">API 文档</a></li>
          <li><a href="#" class="text-white/60 hover:text-white transition-custom">示例</a></li>
          <li><a href="#" class="text-white/60 hover:text-white transition-custom">博客</a></li>
          <li><a href="#" class="text-white/60 hover:text-white transition-custom">常见问题</a></li>
        </ul>
      </div>
      
      <!-- 联系我们 -->
      <div>
        <h3 class="text-lg font-semibold mb-6">联系我们</h3>
        <ul class="space-y-3">
          <li class="flex items-center space-x-3">
            <i class="fa fa-envelope text-white/60"></i>
            <span class="text-white/60">contact@snow.org</span>
          </li>
          <li class="flex items-center space-x-3">
            <i class="fa fa-git text-white/60"></i>
            <a href="https://gitee.com/jcnc-org/snow" target="_blank" class="text-white/60 hover:text-white transition-custom">Gitee 仓库</a>
          </li>
          <li class="flex items-center space-x-3">
            <i class="fa fa-map-marker text-white/60"></i>
            <span class="text-white/60">中国</span>
          </li>
        </ul>
      </div>
    </div>
    
    <div class="border-t border-white/10 pt-8">
      <div class="flex flex-col md:flex-row justify-between items-center">
        <p class="text-white/60 text-sm mb-4 md:mb-0">© 2025 Snow 编程语言. 保留所有权利.</p>
        <div class="flex space-x-6">
          <a href="#" class="text-white/60 hover:text-white text-sm transition-custom">隐私政策</a>
          <a href="#" class="text-white/60 hover:text-white text-sm transition-custom">使用条款</a>
          <a href="#" class="text-white/60 hover:text-white text-sm transition-custom">许可证</a>
        </div>
      </div>
    </div>
  </div>
</footer>
